دوره آموزشی تیلویند 4| مفاهیم layout در تیلویند

لیست دروس

به صفحه تمرینات بروید

دوره آموزشی تیلویند 4

بازگشت به صفحه دوره

فصل اول - مقدمات و نصب تیلویند

چرا باید تیلویند رو یاد بگیریم!

16:45

نصب نرم افزارهای مورد نیاز + پیوست دوره

نصب تیلویند به روش Tailwind CLI

25:17

نصب تیلویند به روش PostCss

تفاوت های نسخه 3 و 4 تیلویند

فصل دوم - آشنایی با تیلویند

مفهوم Utility-First در تیلویند

مفاهیم رنگ ها در تیلویند

مفاهیم typography در تیلویند

23:32

spacing ( padding + margin )

sizing در تیلویند

border + border-radius

مفاهیم layout در تیلویند

22:53

کار با دستورات Filter در تیلویند

مفاهیم state در تیلویند

مفهوم transform + transition در تیلویند

مفاهیم FlexBox

22:33

سیستم گرید در تیلویند

BreakPointsها در تیلویند

کمی تمرین کنیم!

دارک مود در تیلویند

فصل سوم - شخصی سازی تیلویند

مفهوم preflight و directive در تیلویند

شخصی سازی دستورات تیلویند

فصل چهارم - مینی پروژه های فوق جذاب دوره

پروژه یک ) صفحه لاگین + ریسپانسیو پروژه

پروژه دو ) پیاده سازی صفحه Card + ریسپانسیو پروژه

پروژه سه ) پیاده سازی صفحه landing

ریسپانسیو پروژه Landing

پروژه چهارم - سایت NFT ( بخش اول )

پروژه چهارم - سایت NFT ( بخش دوم)

پروژه چهارم - سایت NFT ( بخش سوم)

پروژه چهارم - سایت NFT ( بخش چهارم)

فصل پنجم - پروژه نهایی دوره ( طراحی سایت جابینجا )

معرفی و آماده سازی پروژه نهایی دوره ( سایت جابینجا )

الحاق فونت فارسی به پروژه + پیوست

پیاده سازی هدر پروژه

پیاده سازی بخش دسته بندی ها

کار با swiper.js

پیاده سازی آخرین آگهی ها

پیاده سازی بخش نقشه راه

پیاده سازی بخش لیست مشاغل

پیاده سازی بخش footer

ریسپانسیو هدر پروژه

ریسپانسیو بخش دسته بندی

ریسپانسیو بخش لیست شرکت ها

ریسپانسیو بخش footer

پیاده سازی صفحه 50 شرکت برتر

پیاده سازی بخش شرکت های برتر

ریسپانسیو صفحه 50 شرکت برتر

پیاده سازی صفحه جستجوی مشاغل

پیاده سازی بخش sidebar

ریسپانسیو صفحه جستجوی مشاغل

تمرین های که باید انجام دهید.

آماده سازی پروژه برای مرحله production

قراردادن پروژه بر روی هاست

رفع مشکلات فونت در Production + پیوست پروژه نهایی

دانلود ویدیو